<template>
	<div class="dianpuxq">
		<div class="dianpu-xinxi dianpuxq-xinxi">
			<span class="dianpu-logo">
				<img :src="'http://www.ntyouxuan.com/'+dianpuxinxi.store_logo"/>
			</span>
			<div class="dianpu-text">
				<h3 v-text="dianpuxinxi.store_name">两玩家旗舰店</h3>
				<span v-text="'描述相符：'+msfen"></span>
				<span v-text="'服务态度：'+fwfen">4.5</span>
				<span v-text="'发货速度：'+fhfen">4.5</span>
			</div>
		</div>
		<div class="xinxi-list">
			<p><span>开店时间</span><span v-text="new Date(Number(dianpuxinxi.add_time)*1000).Format('yyyy-MM-dd')"></span></p>
			<p><span>店铺地址</span><span v-text="dianpuxinxi.region_name+dianpuxinxi.address"></span></p>
		</div>
		<ul class="xinxi-dianpufen">
			<li class="fenshu-list">
				<span>描述相符</span>
				<span><img src="../../img-order/icon_shoppin2@3x.png" v-if="msfen>=1"/><img src="../../img-order/icon_shopping@3x.png" v-else/></span>
				<span><img src="../../img-order/icon_shoppin2@3x.png" v-if="msfen>=2"/><img src="../../img-order/icon_shopping@3x.png" v-else/></span>
				<span><img src="../../img-order/icon_shoppin2@3x.png" v-if="msfen>=3"/><img src="../../img-order/icon_shopping@3x.png" v-else/></span>
				<span><img src="../../img-order/icon_shoppin2@3x.png" v-if="msfen>=4"/><img src="../../img-order/icon_shopping@3x.png" v-else/></span>
				<span><img src="../../img-order/icon_shoppin2@3x.png" v-if="msfen>=5"/><img src="../../img-order/icon_shopping@3x.png" v-else/></span>
				<span v-text="msfen+'分'">4.5分</span>
			</li>
			<li class="fenshu-list">
				<span>服务态度</span>
				<span><img src="../../img-order/icon_shoppin2@3x.png" v-if="fwfen>=1"/><img src="../../img-order/icon_shopping@3x.png" v-else/></span>
				<span><img src="../../img-order/icon_shoppin2@3x.png" v-if="fwfen>=2"/><img src="../../img-order/icon_shopping@3x.png" v-else/></span>
				<span><img src="../../img-order/icon_shoppin2@3x.png" v-if="fwfen>=3"/><img src="../../img-order/icon_shopping@3x.png" v-else/></span>
				<span><img src="../../img-order/icon_shoppin2@3x.png" v-if="fwfen>=4"/><img src="../../img-order/icon_shopping@3x.png" v-else/></span>
				<span><img src="../../img-order/icon_shoppin2@3x.png" v-if="fwfen>=5"/><img src="../../img-order/icon_shopping@3x.png" v-else/></span>
				<span v-text="fwfen+'分'">4.5分</span>
			</li>
			<li class="fenshu-list">
				<span>发货速度</span>
				<span><img src="../../img-order/icon_shoppin2@3x.png" v-if="fhfen>=1"/><img src="../../img-order/icon_shopping@3x.png" v-else/></span>
				<span><img src="../../img-order/icon_shoppin2@3x.png" v-if="fhfen>=2"/><img src="../../img-order/icon_shopping@3x.png" v-else/></span>
				<span><img src="../../img-order/icon_shoppin2@3x.png" v-if="fhfen>=3"/><img src="../../img-order/icon_shopping@3x.png" v-else/></span>
				<span><img src="../../img-order/icon_shoppin2@3x.png" v-if="fhfen>=4"/><img src="../../img-order/icon_shopping@3x.png" v-else/></span>
				<span><img src="../../img-order/icon_shoppin2@3x.png" v-if="fhfen>=5"/><img src="../../img-order/icon_shopping@3x.png" v-else/></span>
				<span v-text="fhfen+'分'">4.5分</span>
			</li>
		</ul>
		<div class="xinxi-list">
			<p><span>店<i>主</i>名</span><span v-text="dianpuxinxi.owner_name">我是名字</span></p>
			<p><span>联系电话</span><span v-text="dianpuxinxi.tel">188 8888 8888</span></p>
		</div>
		<div class="xinxi-list">
			<p><span>资<i></i>质</span><span v-if="dianpuxinxi.free_status==1">免缴纳保障金</span><span v-if="dianpuxinxi.free_status!=1&&Number(dianpuxinxi.bond)>0">已缴纳保障金</span><span v-if="dianpuxinxi.free_status!=1&&Number(dianpuxinxi.bond)<=0">未缴纳保障金</span></p>
			<p><span>工商执照</span><span><img src="../../img-dianpu/yrz@3x.png"/></span></p>
		</div>
	</div>
</template>

<script>
	export default{
		data () {
			return{
				tokenid:0,
				dianpuxinxi:'',
				msfen:5,
				fwfen:5,
				fhfen:5,
				
			}
		},
		created:function(){
			this.tokenid=this.$route.query.store;
		},
		methods:{
			
		},
		mounted:function(){
			var self=this;
			$.ajax({
				type:"get",
				url:furl+"index.php?app=ajax_buyer_order&act=store_detail",
				data:{'store_id':self.tokenid},
				dataType:'json',
				success:function(res){
					if(res.done){
						self.dianpuxinxi=res.retval.store;
						self.msfen=res.retval.evaluation.evaluation_desc;
						self.fwfen=res.retval.evaluation.evaluation_service;
						self.fhfen=res.retval.evaluation.evaluation_speed;
					}
				}
			});
		}
	}
</script>

<style>
	.dianpuxq{font-size:0;}
	.dianpuxq-xinxi{position: relative;top:0;border-bottom:none;}
	.xinxi-list{background-color:#fff;margin-top:0.16rem;margin-bottom: 0.16rem;}
	.xinxi-list>p{line-height: 0.64rem;padding:0 0.32rem;overflow: hidden;}
	.xinxi-list>p>span:nth-child(1){font-size:0.32rem;color:#999;display: inline-block;height:100%;margin-right: 0.45rem;width:1.4rem;height:100%;}
	.xinxi-list>p>span:nth-child(2){display:inline-block;font-size:0.32rem;color:#2E2E2E;float:right;width:5rem;}
	.xinxi-dianpufen{background-color:#fff;padding-left:0.32rem;padding-right:0.32rem;}
	.xinxi-list>p>span:nth-child(1) i{display: inline-block;font-style: normal;width:0.64rem;text-align: center;}
	.xinxi-list>p>span:nth-child(2)>img{width:1.28rem;height:0.52rem;}
	.fenshu-list{line-height: 0.82rem;}
	.fenshu-list>span:nth-child(1){font-size:0.32rem;color:#999;display: inline-block;height:100%;margin-right: 0.45rem;width:1.4rem;height:100%;}
	.fenshu-list>span>img{width:0.43rem;height:0.4rem;-webkit-transform: translateY(-0.12rem);transform: translateY(-0.12rem);margin-right: 0.16rem;}
	.fenshu-list>span:last-child{font-size:0.32rem;color:#999;display: inline-block;height:100%;height:100%;float:right;}
</style>